<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="description" content="">
    <!-- Mobile Devices Support @begin -->
    <meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
    <meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
    <meta content="no-cache" http-equiv="pragma">
    <meta content="0" http-equiv="expires">
    <meta content="telephone=no, address=no" name="format-detection">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
    <meta name="apple-mobile-web-app-capable" content="yes" /> <!-- apple devices fullscreen -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <!-- Mobile Devices Support @end -->
    <volist name="list4" id="vo">
        <title>{$vo.title}</title>
    </volist>
    <link href="__GST__/index/css/listnew.css" rel="stylesheet" media="all" />
    <link href="__GST__/index/css/index.css" rel="stylesheet" media="all" />

    <link href="__GST__/index/css/dialog1.css" rel="stylesheet" media="all" />

    <script src="__GST__/index/js/jquery-1.10.2.min.js"></script>
    <script src="__GST__/index/js/layer/layer.js"></script>

    <style type="text/css">
    </style>
    <script type="text/javascript">
        $(function() {
            $('img').attr('ondragstart', 'return false;');
            $('img[rrurl]').click(function() {
                location.href = $(this).attr('rrurl');
            });
            $('table').attr("cellpadding", "0").attr("cellspacing", "0");

            $('[fixed="fixed"]').css('position', 'fixed');
            resize();
            $(window).resize(function() {
                resize();
            });

            $('.add_qq_more').each(function() {
                return;

                var tourl = $.trim($(this).attr('toto'));
                if (tourl == '') {
                    tourl = 'javascript:;'
                }
                if (tourl.indexOf(':') == -1) {
                    tourl = tourl + '.html';
                }
                if (tourl != '') {
                    if (tourl.indexOf('tel') !== 0) {
                        if (tourl.indexOf('?') > 0) {
                            tourl = tourl + '';
                        } else {
                            tourl = tourl + '';
                        }
                    }
                    if ($(this).is('a')) {
                        $(this).attr('href', tourl);
                    } else if ($(this).find('a').size() > 0) {
                        $(this).find('a').each(function() {
                            if ($.trim($(this).attr('href')).indexOf('http') == -1) {
                                $(this).attr('href', tourl);
                            }
                        });
                    } else {
                        $(this).wrap('<a href="' + tourl + '"></a>');
                    }
                }
            });

            if ($('.mainpicarea').is('div')) {
                var tplth = $('.mainpicarea').find('td').length;
                $('#ppoool').append('<li class="on" style="margin-left:5px;"></li>');
                for (var i = 1; i < tplth; i++) {
                    $('#ppoool').append('<li style="margin-left:5px;"></li>');
                }
                $('.mainpicarea').qswipe({ stime: 3600 });
                $('.mainpicarea').on('dragok', function(e, msg) {
                    if ((msg + '').indexOf('.') > 0) {
                        msg = 0;
                    }
                    $('#ppoool').find('li').removeClass('on');
                    $('#ppoool').find('li').eq(msg).addClass('on');

                });
            }
        });

        function resize() {
            var ww = $(window).width();
            $('.picshowtop,.mainpicshow').css('width', ww + 'px');
            $('#tpdhtr').children('td').css('width', ww + 'px');
            $('#tpdhtr').children('td').find('img').css('width', ww + 'px');
            $('img').each(function() {
                var pw = $(this).parent().width();
                var ppw = $(this).parent().parent().width();
                if ($(this).width() > ppw) {
                    $(this).width(ppw);
                }
            });
        }
    </script>
</head>

<body>
    <volist name="list4" id="vo">
        <div style="position:fixed; z-index:99999; left:0;top:0; width:100%; padding:15px 0; line-height:160%; text-align:center;color:#FFFF00;font-size:28px;">{$vo.title}</div>
    </volist>
    <volist name="list" id="vo">
        <div style="top:0px;left:0px;width: 100%;height: 100%;position: fixed;z-index:-999;background-image: url('{$vo.cover}');background-size:100%,100%;" id="topBg">
        </div>
    </volist>
    <div class="picshowtop" style="position: relative;">
        <div class="mainpicshow" style="height: 170px;">
            <!-- <a href="index.php"><img src="images/blank.png" width="100%" height="100%"></a> -->
            <!--
            <div class="mainpicarea" style="height: 170px;">
                <table cellpadding="0" cellspacing="0" style="border: medium; border-image: none; height: 170px;">
                    <tbody>
                        <tr id="tpdhtr"><td><img src="" rrurl=""></td></tr>
                    </tbody>
                </table>
            </div>
            -->
        </div>
        <div style="position: absolute;width: 100%;height: 20px;bottom: 0px;" id="ppooind">
            <ol id="ppoool" style="margin:0; padding:0;text-align:center;">
                <volist name="list2" id="vo">
                <marquee style="color:#FFFF00;font-size: 15px; width: 90%; line-height:20px;">{$vo.title}</marquee>
                </volist>
            </ol>
        </div>
    </div>
    <div class="mainshowtop" style="position: relative;z-index:100;">
        <div class="piclist">
            <volist name="list1" id="vo" offset="0" length='1'>
            <div style="width:50%;max-width:400px;margin:25px auto 0 auto;"><a href="{$vo.uri}"><img src="{$vo.cover}"
                 style="-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%; width:100%;border:5px solid #cccccc;"></a>
                </div>
            </volist>
            <volist name="list1" id="vo" offset="1" length='4'>
            <div style="width:45%;max-width:400px;float:left;text-align:center;margin:12px 0;margin-left:8px;">
                <a href="{$vo.uri}"><img src="{$vo.cover}"
                    style="-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%; width:80%;border:5px solid #cccccc;">
                </a></div>
            
            </volist>
        </div>
        <script>
            function resetPicHeight() {
                $('.piclist img').each(function() {
                    var width = $(this).width();
                    $(this).height(width + 'px');
                });
            }
            $(window).resize(function() {
                resetPicHeight();
            });
            resetPicHeight();
        </script>
    </div>

    <script type="text/javascript">
        function stopDrop() {
            document.body.addEventListener("touchmove", function(event) {
                event.preventDefault();
            });
            document.body.ontouchmove = function(e) {
                e.preventDefault();
            };
        }
        //stopDrop();
    </script>
</body>

</html>